<!DOCTYPE html>
<html lang="en">
<head>
<style>
    .unOffspring{ width:30px; height:30px; background-image:url(__INDEX__/images/jiapu/heiyuan.png); margin:10px auto;}
    .fujin{ width:30px; height:30px; background-image:url(__INDEX__/images/jiapu/jin.png); margin:10px auto;}
    .fuchu{ width:30px; height:30px; background-image:url(__INDEX__/images/jiapu/chu.png); margin:10px auto;}
    .mark-nv{ width:30px; height:30px; background-image:url(__INDEX__/images/jiapu/mark-nv.png); margin:10px auto;}
    .mark-nan{ width:30px; height:30px; background-image:url(__INDEX__/images/jiapu/mark-nan.png); margin:10px auto;}
    .sorttext{   margin-left:-10px;}
    @font-face {
      font-family: 'wryahei';
      src:url('__INDEX__/fonts/jiapu/msyh.woff') format('woff');
      font-weight: normal;
      font-style: normal;
   }
    @font-face {
        font-family: 'wryaheichuti';
        src:url('__INDEX__/fonts/jiapu/msyhbd.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'lvshu';
        src:url('__INDEX__/fonts/jiapu/SIMLI.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'huawenhupo';
        src:url('__INDEX__/fonts/jiapu/STHUPO.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'huawenlvshu';
        src:url('__INDEX__/fonts/jiapu/STLITI.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'huawenxingkai';
        src:url('__INDEX__/fonts/jiapu/STXINGKA.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'huawensongti';
        src:url('__INDEX__/fonts/jiapu/STZHONGS.TTF') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'byot';
        src:url(' __INDEX__/fonts/jiapu/byot.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    </style>
    <script type="text/javascript" src="__INDEX__/js/jiapu/jquery.js"></script>
   
    <script type="text/javascript">
        var $member= {"id":"64205","nickname":"15022320534","email":"","groupid":"0","mobile":"","truename":"","qq":"","activate":"1","areaid":"0","bareaid":"0","building":"0","address":"","sex":"0","avatar":"","lng":"","lat":"","intro":"","age":"0","company":"","weixin":"","wxqrcode":"","spec":"","weibo":"","homeurl":"","level":"0","tanghao":"","judi":"","occupation":"","tag":"","updatetime":"0","fangzhi":"0","jiapu":"1","zibei":"","birthday":"1000-01-01","cun":"0","xiang":"0","education":""};
        var $user ={"id":"64205","username":"15022320534","password":"e10adc3949ba59abbe56e057f20f883e","email":"","createtime":"0","mobile":"","truename":"","qq":"","enable":"1","vmobile":"0","vemail":"0","lastlogintime":"1512022850","nickname":"15022320534","status":"1","updatetime":"0","lastloginip":"221.197.235.165","avatar":""};
        var $zupulist=[{"id":"1704","title":"\u79bb\u5bb6","xingshi":"5","addtime":"1511511106","userid":"64205","shizu":"357","tanghao":"0","timing":"\u79bb\u5bb6","source":"15022320534\u6dfb\u52a0","bianzyear":"","juanxi":"0","areaid":"0","cunluo":"","cangdi":"","qianpu":"0","version":"","judi":"","summay":"","cover":"","hits":"0","downcnt":"0","htmlurl":"","backcover":"","sort":"0","enable":"1","zuid":"281","guid":"5f1b6effdab977e87c6376f0449cca8c","fangzhi":"0","cunid":"0","xiangid":"0","yearishanzi":"0","custtheme":"","fonts":"","fztitle":"","parentfz":"","fzintro":"","origtime":"0","jiazi":"0","shichen":"0","zhubian":"","jiaodui":"","shixitunode":"0","downpay":"0.00","no":"ISN-0000-1704","authcode":"","cjointype":"0","pjointype":"0","zbjoin":"0","joinscope":"0","joinshixitu":"0","joinbook":"0"}];
        var $zupu={"id":"1704","title":"\u79bb\u5bb6","xingshi":"5","addtime":"1511511106","userid":"64205","shizu":"357","tanghao":"0","timing":"\u79bb\u5bb6","source":"15022320534\u6dfb\u52a0","bianzyear":"","juanxi":"0","areaid":"0","cunluo":"","cangdi":"","qianpu":"0","version":"","judi":"","summay":"","cover":"","hits":"0","downcnt":"0","htmlurl":"","backcover":"","sort":"0","enable":"1","zuid":"281","guid":"5f1b6effdab977e87c6376f0449cca8c","fangzhi":"0","cunid":"0","xiangid":"0","yearishanzi":"0","custtheme":"","fonts":"","fztitle":"","parentfz":"","fzintro":"","origtime":"0","jiazi":"0","shichen":"0","zhubian":"","jiaodui":"","shixitunode":"0","downpay":"0.00","no":"ISN-0000-1704","authcode":"","cjointype":"0","pjointype":"0","zbjoin":"0","joinscope":"0","joinshixitu":"0","joinbook":"0"};
        var $root= {};
        var $nodes={};
        var $zpNodes={};
        var $nodeIds=[];
        var $getType="jiapuedit";//页面来源类型
        var $jiapu={"id":"1704","title":"\u79bb\u5bb6","xingshi":"5","addtime":"1511511106","userid":"64205","shizu":"357","tanghao":"0","timing":"\u79bb\u5bb6","source":"15022320534\u6dfb\u52a0","bianzyear":"","juanxi":"0","areaid":"0","cunluo":"","cangdi":"","qianpu":"0","version":"","judi":"","summay":"","cover":"","hits":"0","downcnt":"0","htmlurl":"","backcover":"","sort":"0","enable":"1","zuid":"281","guid":"5f1b6effdab977e87c6376f0449cca8c","fangzhi":"0","cunid":"0","xiangid":"0","yearishanzi":"0","custtheme":"","fonts":"","fztitle":"","parentfz":"","fzintro":"","origtime":"0","jiazi":"0","shichen":"0","zhubian":"","jiaodui":"","shixitunode":"0","downpay":"0.00","no":"ISN-0000-1704","authcode":"","cjointype":"0","pjointype":"0","zbjoin":"0","joinscope":"0","joinshixitu":"0","joinbook":"0"};
        var entryNode={"id":"1","shidai":"1","jiapu":"1","xing":"","truename":"\u89c9\u660e\u516c","honorific":"","sex":"1","brothersort":"0","deep":"0.0","sort":"0","spouse":"0","enable":"1","father":"83","mother":"84","spousesort":"-6","avatar":"http:\/\/wx.qlogo.cn\/mmopen\/VK8aUB7S25aa5l3iamWGoI9nnsz3aBLg4BdmafEeklqiaY6EIkQvibNchIyX8P7mNHGfW4HRtCq5JnzvyNdpdhvuYWJVnWarLyn\/0","spouse2":"0","saddress":"","jaddress":"","marryinto":"0","userid":"62978","guid":"","mobile":"","adduser":"0","work":"","education":"","birthstr":"","othername":"","school":"","tformat":"0","alive":"0","fulltruename":"","areaid":"0","xiang":"0","cun":"0","idcard":"","money":"","relationship":"1","zhicheng":"","gongzuojingli":"","wangwai":"","iswangwai":"0"};
        var $token="943b69bddf52e5e91f0491de3db2a43c";
        var pageType="fullPage";
        var isShiXiTu=0;//世袭图生成
        var  sxSetting= {"id":"1704","nosonmark":"0","ruminshidai":"0","rightbig":"0","jichumark":"0","jirumark":"0","noborder":"0","enable":"0","sortshow":"0","famliysplit":"0","sorttext":"0","zhiwu":"0","spousejoin":"0","jiantou":"0","fixedh":"0","fixedw":"0","soncnt":"0","autotitle":"0","rootbloder":"0","roottran":"0","shidai":"0","statictitle":"0","nodepic":"0","fontstatic":"0","bold":"0","fontfamily":"","fontcolor":"","shidaicolor":"","nodetrans":"0","sorttype":"0","waiqian":"0","marknan":"0","nanname":"0","nvname":"0","marknv":"0"};
        $(function(){
             sxSetting  ={"id":"1704","nosonmark":"0","ruminshidai":"0","rightbig":"0","jichumark":"0","jirumark":"0","noborder":"0","enable":"0","sortshow":"0","famliysplit":"0","sorttext":"0","zhiwu":"0","spousejoin":"0","jiantou":"0","fixedh":"0","fixedw":"0","soncnt":"0","autotitle":"0","rootbloder":"0","roottran":"0","shidai":"0","statictitle":"0","nodepic":"0","fontstatic":"0","bold":"0","fontfamily":"","fontcolor":"","shidaicolor":"","nodetrans":"0","sorttype":"0","waiqian":"0","marknan":"0","nanname":"0","nvname":"0","marknv":"0"};
        });
        //var $advanced=null;
    </script>
   
    <link href="__INDEX__/css/jiapu/member-hf.css" type="text/css" rel="stylesheet">
    <link href="__INDEX__/css/jiapu/tree.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="__INDEX__/js/jiapu/cropbox.js"></script>
    <link href="__INDEX__/css/jiapu/tree.css" type="text/css" rel="stylesheet">
    <link href="__INDEX__/css/jiapu/jquery-ui.css">
    <script type="text/javascript" src="__INDEX__/js/jiapu/jquery-ui.js"></script>
    <link href="__INDEX__/css/jiapu/theme.css">
  <style>
    .female .appendInfo{ width:30px ; text-align:center; margin:10px auto;}
    .female .appendInfo img{ width:30px; height:30px;}
    
    .female .appendInfo2{ width:20px ;   float:left;}
    .female .appendInfo2 img{ width:20px; height:20px;}
    .female .appendInfo3{ width:15px ;   float:left;}
    .female .appendInfo3 img{ width:15px; height:15px;}
    .female{ position:relative;}
    .female .append_container_2{ width:40px; margin:10px auto;}
    .female .append_container_3{ width:60px; margin:10px auto;}
    .tree-node-info .sorttext
    {
      float: right;
      position: absolute;
      font-size: 30px;
      width:30px;
      height:60px;
      left: 130px;
      top: 15px;    
      line-height:1.3em;
      letter-spacing: 0.1em;
      margin-bottom: 0.1em;
    }
    .tree-node-info .zhiwu
    {
            float: right;
            position: absolute;
            font-size: 30px;
            width:30px;
            height:auto;
            left: 80px;
            top: 20px;    
            line-height:1.1em;
            letter-spacing: 0.1em;
            margin-bottom: 0.1em;
    }
     .tree-node-info .wifeinfo
    {
            float: right;
            position: absolute;
            font-size: 30px;
            width:30px;
            height:auto;
            left: -40px;
            top: 20px;    
            line-height:1.2em;
            letter-spacing: 0.1em;
            margin-bottom: 0.1em;
    }
    .tree-node-info .left-node-1{ left:90px;}
    .tree-node-info .left-node-2{ left:130px;}
    .tree-node-info .left-node-3{ left:170px;}
    .tree-node-info .left-node-4{ left:210px;}
    .tree-node-info .right-node-1{ left:-30px;}
    .tree-node-info .right-node-2{ left:-70px;}
    .tree-node-info .right-node-3{ left:-110px;}
    .tree-node-info .right-node-4{ left:-150px;}
    .tree-node-info .right-node-5{ left:-190px;}
    .tree-node-info .right-node-6{ left:-230px;}
    .tree-node-info .right-node-7{ left:-270px;}
    .tree-node-info .right-node-8{ left:-310px;}
  </style>
     
<link href="__INDEX__/css/jiapu/layer.css" id="layui_layer_skinlayercss" style="">
</head>
<body>
    <div class="header">
    <!--star 中间-->
<div class="w1200">
    <a class="logo" href="http://www.2jiapu.com/">
      <img src="__INDEX__/images/logo.png" alt="爱家谱 家谱制作 网络修家谱 微信家谱 宗亲平台 姓氏文化 弘扬华夏传统文化">
    </a>
    <div class="nav">
        <ul>
            <li class="curr"><a class="title" href="#">家谱管理</a></li>
            <li><a class="title" href="http://www.2jiapu.com/user/">人员列表</a></li>
            <li><a class="title" href="http://www.2jiapu.com/shihua/">家庭地图</a></li>
            <li><a class="title" href="http://www.2jiapu.com/huodong/">邀请亲人</a></li>
        </ul>
    </div>
</div>
<!--end 中间-->
<script type="text/javascript">
    var siteConfig = {'wxqrcode':'/assets/attch/renrenjiapu.jpg', 'sitelogo':'http://www.2jiapu.com/assets/attch/logo.png', 'logo':"http://www.2jiapu.com/assets/attch/logo-200.png" ,'qqkefu': '284614699','telkefu':"0769-81690115", 'email':'28414699@qq.com','domain':'http://www.2jiapu.com/', 'sitename':'爱家谱网' };
</script>   
</div>
<script type="text/javascript" src="__INDEX__/js/jiapu/jp.common.js"></script>
    <script type="text/javascript">
     var filterNodes = {};
     var allNodes, allRoot,alist=[];
     function autoSearch()
     {
         allNodes = $nodes;
         allRoot = $root;
         var j = 0;
         var alist = [];
         for (var m in $nodes) {
             j++;
             var n1=$nodes[m];
             var p=$nodes[n1.father];
             var p1= p?("父亲 "+ getJPShowName(p)):"";
             alist[alist.length] = { value: n1.id, label:n1.xing+" "+ n1.truename+" "+n1.honorific   , parent: p1 };
         }
         $(".all-number").text(j);
          $("#search-input").autocomplete({
             source: alist,
             focus: function (event, ui) {
                $("#search-input").val(ui.item.label );
                return false;
            },
            select: function (event, ui) {
                var id =ui.item.value; 
                var div =$("[nodeid="+id+"]");
                $node= $nodes[id];
                setNodeCenter($node);
                div.trigger("click");
                return false;
            }, 
        }).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
            return $( "<li>" )
            .append( item.label + "(" + item.parent + ")" )
            .appendTo( ul );
        };;
        
     }
     function selectZupu()
     {
        var id = $("#changezupu").val();
         for(var j=0;j<$zupulist.length;j++)
         {
            var p =$zupulist[j];
            if(p.guid==id)
            {
                $zupu=p;
                loadZupu($zupu);
            }
         }
     }
     $(function () {
         selectZupu();
         if (!$zupu) {
             addJiapuModel();
         }
         autoSearch();
         $('.fullscreen-in').click(function () {
             $(".header,.fullscreen-in").hide();
             $(".fullscreen-on").show();
         });
         $(".fullscreen-on").click(function () {
             $(".header,.fullscreen-in").show();
             $(".fullscreen-on").hide();
         });
         $("#changezupu").change(function(){
             var v =$("#changezupu").val();
              window.location="/index.php?a=jiapu&type=zupu&jpguid="+v;
         });
         $(".toJiapuShu").click(function(){
            var v =$("#changezupu").val();
            if(v)
            {
                window.location="/index.php?a=jiapubook&type=jiapushu&jpguid="+v;
            }
         });
         $(".jplist").click(function(){
            window.location="/index.php?a=jiapu&type=jiapulist";
         });
          $(".jiapu-xuyan").click(function(){
            var v =$("#changezupu").val();
            window.location="/index.php?a=jiapusub&type=xulist&jpguid="+v;

         });
         $(".addjiapu").click(function(){
            /*
             if($getType=="jiapuedit"){
                alert("您的权限只能有一个家谱，如果需要管理更多家谱请联系管理员");
             }
             */
             addJiapuModel();
         });
     });
    </script>
<div class="w1200">
    <div class="location" style="width: 1200px; margin: 0 auto; display: block; float: left;">
        <div class="puleft" style="width:48%;">
            <span class="f16">
                <i class="jp_icon jp_icon_search"></i>
                &nbsp;&nbsp;共<span class="all-number"></span> 人
                <div class="search_group">
                    <input autocomplete="off" id="search-input" placeholder="搜索姓名" style="width: 200px;  height:25px; line-height:25px; " class="ui-autocomplete-input">
                </div>
          </span>
        </div>
  
    </div>
</div>


<!--     <div class="share-friend" style="display:none;">
        <div class="share-panel">
            <dl><input type="text" class="jiapu-share-url" value="http://www.2jiapu.com/weixin.php?a=myjiapu&amp;jpguid=5f1b6effdab977e87c6376f0449cca8c" style="width:100%;"></dl>
                                
            <dl><dd>复制上方邀请链接，直接粘贴发送邀请至对方QQ或者微信</dd></dl>
            <dl><dt class="wxqrcode"><canvas width="100" height="100"></canvas></dt><dt class="text">您可以扫描或长按左边二维码，直接发送邀请给微信好友</dt>
            </dl>
        </div>
    </div> -->
    <script type="text/javascript" src="__INDEX__/js/jiapu/jquery.qrcode.min.js"></script>
    <script type="text/javascript">
        jQuery('.wxqrcode').qrcode({
            render: "canvas", //也可以替换为table
            width: 100,
            height: 100,
            foreground: "#8b6608",
            background: "#FFF",
            text: "http://www.2jiapu.com/weixin.php%3Fa%3Dmyjiapu%26jpguid%3D5f1b6effdab977e87c6376f0449cca8c"
        });
    </script>
    <script type="text/javascript">
        $(function () {
            $.getJSON('/index.php?a=share&type=getJiaPuShareGuid', function (e) {
                if (e.success) {
                    $(".jiapu-share-url").val($(".jiapu-share-url").val() + "&shareguid=" + e.data);
                    $(".jiapu-share-qrcode").attr('src', $(".jiapu-share-qrcode").attr('src') + "&shareguid=" + e.data);
                }
            });
        });
    
    </script>
    <div class="tree_main">
        <div class="content" id="cont-body" style="height: 850px;">
              <div class=" settingPictureInfo " style="display:none;">
                           <div class=" add-figure-box-txt-loading">
                            <form id="settingPicture">
                                <div class="settingSummay">
                                    请根据需要设置，设置完成后点击"<span class="btn-text-info">合成世系图</span>"，图片合成后点击“<span class="btn-text-info">下载世系图</span>”即可,下载完成后"<span class="btn-text-info">刷新</span>"页面还原;
                                    <a href="http://www.2jiapu.com/index.php?a=jiapu&amp;type=shixisetting&amp;jpguid=5f1b6effdab977e87c6376f0449cca8c" class="btn-text-info" target="_blank">设置世袭图高级模式</a>
                                </div>
                            <div class="settingPanel">
                                <input type="hidden" class="chart-nodeid" name="nodeid" value="">
                                <input type="hidden" name="jiapu" value="1704">
                               

                                <dl><dt>始祖:</dt><dd><input type="text" value="无" class="settingRoot" name="settingRoot"></dd></dl>
                                
                                <dl><dt>排除女婿:</dt><dd><label for="nx1"><input type="radio" name="nx" value="1" id="nx1">是</label>
                                <label for="nx0"><input type="radio" name="nx" value="0" checked="checked" id="nv0">否</label>
                                </dd></dl>
                                <dl><dt>排除妻子:</dt><dd><label for="qz1"><input type="radio" name="qz" value="1" id="qz1">是</label>
                                <label for="qz0"><input type="radio" name="qz" value="0" checked="checked" id="qz0">否</label>
                                </dd></dl>
                                <dl><dt>排除女儿:</dt><dd><label for="nv1"><input type="radio" name="nv" value="1" id="nv1">是</label>
                                <label for="nv0"><input type="radio" name="nv" value="0" checked="checked" id="nv">否</label>
                                </dd></dl>
                                <dl><dt>节点大小:</dt><dd><label for="xiaozi1"><input type="radio" class="xiaozi" name="xiaozi" value="1" id="xiaozi1">小字版</label>
                                    <label for="xiaozi0"><input type="radio" name="xiaozi" value="0" class="xiaozi" checked="checked" id="xiaozi0">大字版</label>
                                </dd></dl>
                                <dl><dt>打印世代数:</dt><dd><input type="text" value="11" class="settingDaisu" name="daisu"></dd></dl>
                                <dl><dt>显示方式:</dt><dd><label for="wz1"><input type="radio" name="wz" value="1" checked="checked" id="wz1">文字</label>
                                <label for="wz0"><input type="radio" name="wz" value="0" id="wz0">带图片</label>
                                </dd></dl>
                                <dl><dt>多张自动:</dt><dd><label for="auto1"><input type="radio" name="auto" class="auto_chart" value="1" id="auto1">是</label><label for="auto0"><input type="radio" class="auto_chart" name="auto" value="0" id="auto0" checked="checked">否</label></dd></dl>

                                 <dl><dt>上接代数:</dt><dd><input type="text" value="0" class="parentNum" name="parentNum"></dd></dl>
                                 <dl><dt>上接对齐:</dt><dd><label for="shangjie1"><input type="radio" class="shangjie" name="shangjie" value="1" id="shangjie1">是</label>
                                    <label for="shangjie0"><input type="radio" name="shangjie" value="0" class="shangjie" checked="checked" id="shangjie0">否</label>
                                </dd></dl>

                                <dl><dt>是否样图:</dt><dd><label for="yangtu1"><input type="radio" name="yangtu" class="yangtu" value="1" id="yangtu1" checked="checked">是</label><label for="yangtu0"><input type="radio" class="yangtu" name="yangtu" value="0" id="yangtu1">否</label></dd></dl>
                       
                               <dl><dt>是否整张:</dt><dd><label for="onepic1"><input type="radio" name="onepic" class="onepic" value="1" id="onepic1">是</label><label for="onepic0"><input type="radio" class="onepic" name="onepic" value="0" id="onepic0" checked="checked">否</label></dd></dl>
                             
                            </div>
                            <div class="settingBtn">
                                <a href="javascript:;" id="settingBtn" class="btn-setting">合成世系图</a>
                            </div>
                            </form>
                            <script type="text/javascript">
                                $(function () { 
                                    $(".share-jiapu").click(function(){
                                        layer.closeAll();
                                        layer.open({
                                            type: 1,
                                            title: "邀请亲人",
                                            shadeClose: false,
                                            closeBtn: 1,
                                            shade: 0.3,
                                            maxmin: false, //开启最大化最小化按钮
                                            area: ['950px', '250px'],
                                            content:$(".share-friend"),
                                        });
                                    })
                                    $(".all-search").click(function(){
                                        window.location.href="/index.php?a=jiapu&type=zupu&jpguid="+$jiapu.guid;
                                    });
                                    $(".toPedigreeChart").click(function(){
                                        layerSetting();
                                    });
                                });
                                function layerSetting(){
                                    layer.closeAll();
                                    if($(".settingRoot").val()==""){
                                        $(".settingRoot").val(getJPShowName( $root));
                                     }
                                    layer.open({
                                        type: 1,
                                        title: "订制世系图",
                                        shadeClose: false,
                                        closeBtn: 1,
                                        shade: 0.3,
                                        maxmin: false, //开启最大化最小化按钮
                                        area: ['500px', '620px'],
                                        content:$(".settingPictureInfo"),
                                    });
                                    $(".layui-layer-shade").remove();//.css({"z-index":998});
                                }
                           
                            </script>
                            </div>
                    </div>

            <!--star弹出人物信息-->
            <div class="sub-menu-box">
                <!--if name="person-frame-male" 性别则为男性-->
                <!--if name="person-frame-female" 性别则为女性-->
                <input type="hidden" id="hidden_user_sex" value="" name="person-frame-male">
                <div class="sub-menu-box-loging">
                </div>
                <div class="sub-menu-box-info">
                    <div class="smbi-top">
                        <div class="i-closed">
                            &lt;</div>
                        <div class="media-img" style="background: rgb(167, 203, 202);">
                            <a href="http://www.2jiapu.com/jiapu/jiapuedit/#">
                                <img src="__INDEX__/images/jiapu/male-msquare.png"></a>
                        </div>
                        <div class="media-txt">
                            <div class="edit-button">
                                <a href="http://www.2jiapu.com/jiapu/jiapuedit/#"></a><i class="edit-btn">✎</i></div>
                            <p>
                                简介:<span class="summay_text">--</span></p>
                        </div>
                    </div>
                   <script type="text/javascript">
                   $(function(){
                           $("#btn-join").click(function () {
                                $node=$nodes[snode.id];
                               var url = "/index.php?&a=jiapusub&type=joinList&jpguid="+ $jiapu.guid+ "&nguid="+$node.guid;
                               layer.open({
                                        type: 2,
                                        title: "节点"+snode.name+"绑定会员",
                                        shadeClose: false,
                                        closeBtn: 1,
                                        shade: 0.3,
                                        maxmin: false, //开启最大化最小化按钮
                                        area: ['1000px', '650px'],
                                        content: url,
                                });
                                return false;
                           });
                           $("#btn-jiapuJoin").click(function(){

                                    $node=$nodes[snode.id];
                                    if($node.sex==0){
                                        alert("男性成员才可以关联分支家谱,请重新选择");
                                        return  false;
                                    }
                                    $(this).attr("href","/index.php?a=jiapu&joinType=toChildren&type=jiapuJoin&pJPGuid="+$jiapu.guid+"&pNGuid="+$node.guid);
                                    $(this).trigger("click");
                                    return false ;
                            });
                   })
                   </script>
                            
                    <div class="smbi-tab">
                        <div class="item" id="user-index">
                            <span class="title">主页</span>
                            <div class="cont_item">
                                <p>
                                    </p><div class="down-btn">
                                    <a href="javascript:;" id="btn-join">设置权限</a>
                                    <a href="javascript:;" target="_blank" id="btn-jiapuJoin">关联分支</a>
                                    
                                    </div>
                                <p></p>
                                 <p>
                                    <span>姓氏</span><span>: </span><span class=" xing-text">李</span></p>
                                <p>
                                </p><p>
                                    <span>字辈</span><span>: </span><span class=" zibeitext-text">--</span></p>
                                <p>
                                </p><p>
                                    <span>原名</span><span>: </span><span class=" truename-text">--</span></p>
                                <p>
                                </p><p>
                                    <span>讳名</span><span>: </span><span class=" huiname-text"></span></p>
                                <p>
                                <!--<p>
                                    <span>字辈名</span><span>: </span><span class=" ziname-text"></span></p>
                                <p>-->
                                </p><p>
                                    <span>兄弟/妻妾排行</span><span>: </span><span class="  brothersort-text">1</span></p>
                                <p>
                                </p><p>
                                    <span>是否健在</span><span>: </span><span class=" alive-text">是</span></p>
                                <p>
                                </p><p>
                                    <span>性别</span><span>: </span><span class=" sex-text">男</span></p>
                                <p>
                                </p><p>
                                    <span>号</span><span>: </span><span class=" hao-text">--</span></p>
                                <p>

                                </p><p>
                                    <span>出生时间</span><span>: </span><span class="  birthstr-text">--</span></p>
                                <p>
                                </p><p class="alive-text-0" style="display: none;">
                                    <span>卒时间</span><span>: </span><span class=" diestr-text">--</span></p>
                                <p>
                                </p><p class="alive-text-0" style="display: none;">
                                    <span>葬地</span><span>: </span><span class=" zhangdi-text">--</span></p>
                                <p>
                                </p><p>
                                    <span>职称</span><span>: </span><span class=" zhicheng-text">--</span></p>
                                <p>

                                </p><p>
                                    <span>旧学历</span><span>: </span><span class="  oldxueli-text">--</span></p>
                                <p>
                                </p><p>
                                    <span>手机号码</span><span>: </span><span class=" mobile-text">--</span></p>
                                <p>
                                </p><p>
                                    <span>教育程度</span><span>: </span><span class=" education-text">未知</span></p>
                                <p>
                                </p><p>
                                    <span>毕业院校</span><span>: </span><span class=" school-text">--</span></p>
                                <p> 
                                  </p><p>
                                    <span>工作单位</span><span>: </span><span class=" work-text">--</span></p>
                                <p> 
                                        
                            </p></div>
                        </div> 
                        <div class="item" id="user-jilu">
                            <span class="title">传记</span>
                            <div class="cont_item">
                                <div class="tab_pane">
                                    <!--if 没有数据-->
                                    <div class="not-data">
                                        暂无动态</div>
                                    <!--else 有数据star-->
                                    <div class="have-data" style="display: none;">
                                        有数据-传记</div>
                                    <!--/else 有数据end-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end弹出人物信息-->
            <!--star-->
            <div class="action_main">
                <div>
                </div>
                <div class="zoom-box">
                    <button type="button" class="location-btn" id="drag_center_btn">
                        <i>▣</i></button>
                    <div class="x_activity">
                        <button class="sliver_btn" id="drag_add_btn" type="button">
                            <i>+</i></button>
                        <div class="sliver_zoom_control">
                            <div class="noUi-base">
                                <div class="noUi-handle" id="numHandle" style="bottom: 200px;">
                                </div>
                            </div>
                            <div class="noUi-pips">
                            </div>
                        </div>
                        <button class="sliver_btn" id="drag_minus_btn" type="button">
                            <i>-</i></button>
                    </div>
                </div>
            </div>
            <!--end-->
            <!--star 容器-->
            <div class="divWrap" id="move1" style="background: url('__INDEX__/images/jiapu/tree-bg.png');">
                <div class="translate-group" id="translate-group" style="top: -215px; left: 552px; position: absolute; margin: 0px; transform: scale(1);">
                    <div class="ajp_scale" style="transform: translateY(0px); left: -552px; width: 40px;" left="502px" op="1"><!--translateY(活动的px)-->
	                <div class="ajp_scale_mian" style="width: 40px;">
		                <ul><li class="sc_item" scalegene="1" style="height: 195px; line-height: 195px; padding-left: 10px;"><div class="text_size_big" style="height: 195px;"><span style="font-size: 14px;">第一世</span></div><div class="text_size_small"><span>1</span></div></li><li class="sc_item curr" scalegene="2" style="height: 195px; line-height: 195px; padding-left: 10px;"><div class="text_size_big" style="height: 195px;"><span style="font-size: 14px;">第二世</span></div><div class="text_size_small"><span>2</span></div></li><li class="sc_item" scalegene="3" style="height: 195px; line-height: 195px; padding-left: 10px;"><div class="text_size_big" style="height: 195px;"><span style="font-size: 14px;">第三世</span></div><div class="text_size_small"><span>3</span></div></li><li class="sc_item" scalegene="4" style="height: 195px; line-height: 195px; padding-left: 10px;"><div class="text_size_big" style="height: 195px;"><span style="font-size: 14px;">第四世</span></div><div class="text_size_small"><span>4</span></div></li><li class="sc_item" scalegene="5" style="height: 195px; line-height: 195px; padding-left: 10px;"><div class="text_size_big" style="height: 195px;"><span style="font-size: 14px;">第五世</span></div><div class="text_size_small"><span>5</span></div></li><li class="sc_item" scalegene="6" style="height: 195px; line-height: 195px; padding-left: 10px;"><div class="text_size_big" style="height: 195px;"><span style="font-size: 14px;">第六世</span></div><div class="text_size_small"><span>6</span></div></li></ul>
	                </div>
                </div>
                    <canvas id="treeCanvas" width="4406" height="3452" style="position: absolute; top: -1036.5px; left: -1803.5px;">
                  <!--  <div style="width:100%; height:100% ; background-color:Blue; "></div>  -->
              </canvas>
                    <div class="content-tree-box"><div class="container tree-node-info person-frame-male" left="" top="50" nodeid="18701" wzchar="05" gene="1" sort="1" right="055 s:0" leftid="" rightid="18702" soncnt="0" childrencnt="1" name="person-frame-male" style="left: 275px; top: 50px; border: none;"><div class="ctr-figure"><a href="javascript:;" class="ctr-figure-image" ondragstart="return false"><img src="__INDEX__/images/jiapu/male-msquare.png"></a><div class="ctr-figure-name"></div><div class="ctr-figure-more">+</div><div class="ctr-figure-more-bg"></div></div><div class="ctr-info"><div class="ctr-info-arrow"></div><div class="ctr-info-theme"><a class="item-class-index sible-btn" href="javascript:;" ondragstart="return true">主页</a><a class="item-class-intend node-action node-intend  sible-btn" href="javascript:;" ondragstart="return false">收缩</a><a class="item-class-record  sible-btn" href="javascript:;" ondragstart="return false">记录</a><a class="  sible-btn item-more" href="javascript:;" ondragstart="return false">更多</a></div></div></div><div class="container tree-node-info person-frame-female" left="05 s:1" top="50" nodeid="18702" wzchar="055" gene="1" sort="0" right="" leftid="18701" rightid="" soncnt="0" childrencnt="0" name="person-frame-female" style="left: 425px; top: 50px; border: none;"><div class="ctr-figure"><a href="javascript:;" class="ctr-figure-image" ondragstart="return false"><img src="__INDEX__/images/jiapu/female-msquare.png"></a><div class="ctr-figure-name">妻</div><div class="ctr-figure-more">+</div><div class="ctr-figure-more-bg"></div></div><div class="ctr-info"><div class="ctr-info-arrow"></div><div class="ctr-info-theme"><a class="item-class-index sible-btn" href="javascript:;" ondragstart="return true">主页</a><a class="item-class-delete node-action node-delete  sible-btn" href="javascript:;" ondragstart="return false">删除</a><a class="item-class-record  sible-btn" href="javascript:;" ondragstart="return false">记录</a><a class="  sible-btn item-more" href="javascript:;" ondragstart="return false">更多</a></div></div></div><div class="container tree-node-info person-frame-male ctr-figure-curr" left="" top="245" nodeid="18697" wzchar="054" gene="2" sort="1" right="0545 s:0" leftid="" rightid="18698" soncnt="0" childrencnt="1" name="person-frame-male" style="left: 350px; top: 245px; border: none;"><div class="ctr-figure"><a href="javascript:;" class="ctr-figure-image" ondragstart="return false"><img src="__INDEX__/images/jiapu/male-msquare.png"></a><div class="ctr-figure-name"></div><div class="ctr-figure-more">+</div><div class="ctr-figure-more-bg"></div></div><div class="ctr-info"><div class="ctr-info-arrow"></div><div class="ctr-info-theme"><a class="item-class-index sible-btn" href="javascript:;" ondragstart="return true">主页</a><a class="item-class-intend node-action node-intend  sible-btn" href="javascript:;" ondragstart="return false">收缩</a><a class="item-class-record  sible-btn" href="javascript:;" ondragstart="return false">记录</a><a class="  sible-btn item-more" href="javascript:;" ondragstart="return false">更多</a></div></div></div><div class="container tree-node-info person-frame-female" left="054 s:1" top="245" nodeid="18698" wzchar="0545" gene="2" sort="0" right="" leftid="18697" rightid="" soncnt="0" childrencnt="0" name="person-frame-female" style="left: 500px; top: 245px; border: none;"><div class="ctr-figure"><a href="javascript:;" class="ctr-figure-image" ondragstart="return false"><img src="__INDEX__/images/jiapu/female-msquare.png"></a><div class="ctr-figure-name">妻</div><div class="ctr-figure-more">+</div><div class="ctr-figure-more-bg"></div></div><div class="ctr-info"><div class="ctr-info-arrow"></div><div class="ctr-info-theme"><a class="item-class-index sible-btn" href="javascript:;" ondragstart="return true">主页</a><a class="item-class-delete node-action node-delete  sible-btn" href="javascript:;" ondragstart="return false">删除</a><a class="item-class-record  sible-btn" href="javascript:;" ondragstart="return false">记录</a><a class="  sible-btn item-more" href="javascript:;" ondragstart="return false">更多</a></div></div></div><div class="container tree-node-info person-frame-male" left="" top="440" nodeid="18695" wzchar="0544" gene="3" sort="1" right="05445 s:0" leftid="" rightid="18696" soncnt="0" childrencnt="3" name="person-frame-male" style="left: 425px; top: 440px; border: none;"><div class="ctr-figure"><a href="javascript:;" class="ctr-figure-image" ondragstart="return false"><img src="__INDEX__/images/jiapu/male-msquare.png"></a><div class="ctr-figure-name"></div><div class="ctr-figure-more">+</div><div class="ctr-figure-more-bg"></div></div><div class="ctr-info"><div class="ctr-info-arrow"></div><div class="ctr-info-theme"><a class="item-class-index sible-btn" href="javascript:;" ondragstart="return true">主页</a><a class="item-class-intend node-action node-intend  sible-btn" href="javascript:;" ondragstart="return false">收缩</a><a class="item-class-record  sible-btn" href="javascript:;" ondragstart="return false">记录</a><a class="  sible-btn item-more" href="javascript:;" ondragstart="return false">更多</a></div></div></div><div class="container tree-node-info person-frame-female" left="0544 s:1" top="440" nodeid="18696" wzchar="05445" gene="3" sort="0" right="" leftid="18695" rightid="" soncnt="0" childrencnt="0" name="person-frame-female" style="left: 575px; top: 440px; border: none;"><div class="ctr-figure"><a href="javascript:;" class="ctr-figure-image" ondragstart="return false"><img src="__INDEX__/images/jiapu/female-msquare.png"></a><div class="ctr-figure-name">妻</div><div class="ctr-figure-more">+</div><div class="ctr-figure-more-bg"></div></div><div class="ctr-info"><div class="ctr-info-arrow"></div><div class="ctr-info-theme"><a class="item-class-index sible-btn" href="javascript:;" ondragstart="return true">主页</a><a class="item-class-delete node-action node-delete  sible-btn" href="javascript:;" ondragstart="return false">删除</a><a class="item-class-record  sible-btn" href="javascript:;" ondragstart="return false">记录</a><a class="  sible-btn item-more" href="javascript:;" ondragstart="return false">更多</a></div></div></div><div class="container tree-node-info person-frame-male" left="" top="635" nodeid="18694" wzchar="05444" gene="4" sort="1" right="05444 s:2" leftid="" rightid="18699" soncnt="0" childrencnt="1" name="person-frame-male" style="left: 350px; top: 635px; border: none;"><div class="ctr-figure"><a href="javascript:;" class="ctr-figure-image" ondragstart="return false"><img src="http://www.2jiapu.com/jiapu/jiapuedit/"></a><div class="ctr-figure-name">李无</div><div class="ctr-figure-more">+</div><div class="ctr-figure-more-bg"></div></div><div class="ctr-info"><div class="ctr-info-arrow"></div><div class="ctr-info-theme"><a class="item-class-index sible-btn" href="javascript:;" ondragstart="return true">主页</a><a class="item-class-sort node-action node-sort  sible-btn" href="javascript:;" ondragstart="return false">排序</a><a class="item-class-intend node-action node-intend  sible-btn" href="javascript:;" ondragstart="return false">收缩</a><a class="  sible-btn item-more" href="javascript:;" ondragstart="return false">更多</a></div></div></div><div class="container tree-node-info person-frame-female" left="05444 s:1" top="635" nodeid="18699" wzchar="05444" gene="4" sort="2" right="05444 s:3" leftid="18694" rightid="18700" soncnt="0" childrencnt="0" name="person-frame-female" style="left: 500px; top: 635px; border: none;"><div class="ctr-figure"><a href="javascript:;" class="ctr-figure-image" ondragstart="return false"><img src="__INDEX__/images/jiapu/female-msquare.png"></a><div class="ctr-figure-name">李氏</div><div class="ctr-figure-more">+</div><div class="ctr-figure-more-bg"></div></div><div class="ctr-info"><div class="ctr-info-arrow"></div><div class="ctr-info-theme"><a class="item-class-index sible-btn" href="javascript:;" ondragstart="return true">主页</a><a class="item-class-sort node-action node-sort  sible-btn" href="javascript:;" ondragstart="return false">排序</a><a class="item-class-delete node-action node-delete  sible-btn" href="javascript:;" ondragstart="return false">删除</a><a class="  sible-btn item-more" href="javascript:;" ondragstart="return false">更多</a></div></div></div><div class="container tree-node-info person-frame-male" left="05444 s:2" top="635" nodeid="18700" wzchar="05444" gene="4" sort="3" right="" leftid="18699" rightid="" soncnt="0" childrencnt="0" name="person-frame-male" style="left: 650px; top: 635px; border: none;"><div class="ctr-figure"><a href="javascript:;" class="ctr-figure-image" ondragstart="return false"><img src="__INDEX__/images/jiapu/male-msquare.png"></a><div class="ctr-figure-name"></div><div class="ctr-figure-more">+</div><div class="ctr-figure-more-bg"></div></div><div class="ctr-info"><div class="ctr-info-arrow"></div><div class="ctr-info-theme"><a class="item-class-index sible-btn" href="javascript:;" ondragstart="return true">主页</a><a class="item-class-sort node-action node-sort  sible-btn" href="javascript:;" ondragstart="return false">排序</a><a class="item-class-delete node-action node-delete  sible-btn" href="javascript:;" ondragstart="return false">删除</a><a class="  sible-btn item-more" href="javascript:;" ondragstart="return false">更多</a></div></div></div><div class="container tree-node-info person-frame-male" left="" top="830" nodeid="18703" wzchar="054444" gene="5" sort="1" right="" leftid="" rightid="" soncnt="0" childrencnt="1" name="person-frame-male" style="left: 350px; top: 830px; border: none;"><div class="ctr-figure"><a href="javascript:;" class="ctr-figure-image" ondragstart="return false"><img src="__INDEX__/images/jiapu/male-msquare.png"></a><div class="ctr-figure-name"></div><div class="ctr-figure-more">+</div><div class="ctr-figure-more-bg"></div></div><div class="ctr-info"><div class="ctr-info-arrow"></div><div class="ctr-info-theme"><a class="item-class-index sible-btn" href="javascript:;" ondragstart="return true">主页</a><a class="item-class-intend node-action node-intend  sible-btn" href="javascript:;" ondragstart="return false">收缩</a><a class="item-class-record  sible-btn" href="javascript:;" ondragstart="return false">记录</a><a class="  sible-btn item-more" href="javascript:;" ondragstart="return false">更多</a></div></div></div><div class="container tree-node-info person-frame-female" left="" top="1025" nodeid="18704" wzchar="0544444" gene="6" sort="1" right="" leftid="" rightid="" soncnt="0" childrencnt="0" name="person-frame-female" style="left: 350px; top: 1025px; border: none;"><div class="ctr-figure"><a href="javascript:;" class="ctr-figure-image" ondragstart="return false"><img src="__INDEX__/images/jiapu/female-msquare.png"></a><div class="ctr-figure-name">李氏</div><div class="ctr-figure-more">+</div><div class="ctr-figure-more-bg"></div></div><div class="ctr-info"><div class="ctr-info-arrow"></div><div class="ctr-info-theme"><a class="item-class-index sible-btn" href="javascript:;" ondragstart="return true">主页</a><a class="item-class-delete node-action node-delete  sible-btn" href="javascript:;" ondragstart="return false">删除</a><a class="item-class-record  sible-btn" href="javascript:;" ondragstart="return false">记录</a><a class="  sible-btn item-more" href="javascript:;" ondragstart="return false">更多</a></div></div></div></div>
                </div>
            </div>
            <!--end 容器-->
        </div>
        <div style="vertical-align: middle; text-align: center;">
        </div>
    </div>
    <div class="jiapuImage" style="overflow: scroll; scroll: both; display: none; background-color: #4d4945">
    </div>
   
    <script type="text/javascript" src="__INDEX__/js/jiapu/layer.js" type="text/javascript"></script>
    <link href="__INDEX__/css/jiapu/layer.css" type="text/css" rel="stylesheet">
    <link href="__INDEX__/css/jiapu/layer.ext.css" type="text/css" rel="stylesheet">
    <script>
        
        var $nodeIds;
        //加载数据
        var loadZupu=function(zupu){
            loading("数据加载中...");
            $nodes =$.getJSON("/index.php?a=jiapu&type=loadNodes",{jpguid:zupu.guid},function(e){
                if(e.success){
                    var data= e.data;
                    $zupu= data.zupu;
                    $(".zupuname").text($zupu.title);
                    $(".all-number").text(data.nodeTotal);
                    $nodes= data.nodes;

                    $root=data.root;
                    $(".settingRoot").val(  getJPShowName($root));
                    $nodeIds= $nodeIds= data.ids;
                    $zpNodess=data.zpNodes;
         
                    allDraw();
                    layer.closeAll();
                    autoSearch();
                }
                else
                {
                    alert(e.message|"系统异常请稍后再试");
                }
            });
        }
        /**
        显示节点*/
        var nodeDetail=function(action,nodeid,type,sort){
            layer.closeAll();
            layer.open({
                    type: 2,
                    title: "",
                    shadeClose: false,
                    closeBtn: 0,
                    shade: 0.3,
                    maxmin: false, //开启最大化最小化按钮
                    area: ['900px', '570px'],
                    content: '/index.php?a=jiapu&type=zupunode&action='+action+"&nodeid="+nodeid+"&sptype="+type+"&sort="+sort,
            });
        }
        var nodeDetailClose=function(node,ren){
              layer.closeAll();
              console.log('callback');
              if(typeof(node)=="string"){
                return ;
              }
              $(".add-figure-box").remove();
              if(ren){
                $nodes[ren.id]=ren;
              }
              if(node.action== 'add')
              {
                 addNodeData2List(ren);
              }
             if(node){
                callBackShowNode(ren);
               
             }
        }
        var closeModal=function(zupu){
            layer.closeAll();
            if(zupu)
            {
                window.location.href="/index.php?a=jiapu&type=zupu&jpguid="+zupu.guid;
                return ;
            }
            if(!zupu && !$zupu)
            {
                alert("请添加家谱的基本信息");
                return ;
            }
        };
        var addJiapuModel=function(){
                layer.open({
                    type: 2,
                    title: "",
                    shadeClose: false,
                    closeBtn: 0,
                    shade: 0.3,
                    maxmin: false, //开启最大化最小化按钮
                    area: ['520px', '490px'],
                    content: '/index.php?a=jiapu&type=zupuadd',
              });
        };
    function loading(title){
        layer.open({
            type: 1,
            title: title,
            shadeClose: false,
            closeBtn: 0,
            shade: 0.3,
            maxmin: false, //开启最大化最小化按钮
            area: ['300px', '300px'],
            content: '<div style="vertical-align:middle; text-align:center; padding-top:130px;"><img src="/uploads/data-loading.gif"/></div>',
        });
    }

    </script>
    <script type="text/javascript" src="__INDEX__/js/jiapu/jt.bookcommon.js"></script>
    <script type="text/javascript" src="__INDEX__/js/jiapu/move-drag.js"></script>
    <script type="text/javascript" src="__INDEX__/js/jiapu/jt.jptreenode.js"></script>
    <script type="text/javascript" src="__INDEX__/js/jiapu/html2canvas.js"></script>
    <script type="text/javascript" src="__INDEX__/js/jiapu/common.js"></script>
    <script type="text/javascript" src="__INDEX__/js/jiapu/pedigreeChart.js"></script>
    <script type="text/javascript" src="__INDEX__/js/jiapu/jt.jplink.js"></script>
    <script type="text/javascript">
      var drawed = {};
      var  nodePositions = {};
      //画板,
      var canvas, drawline;
      //联系的间距
      var lineSplit = 5;
      //底部的 链接线
      var bottomMargin = -5;
    </script>
<link href="__INDEX__/css/jiapu/layer.css" type="text/css" rel="stylesheet">
<link href="__INDEX__/css/jiapu/layer.ext.css" type="text/css" rel="stylesheet">
<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;">
  
</ul>
<div role="status" aria-live="assertive" aria-relevant="additions" class="ui-helper-hidden-accessible"></div>
</body>
</html>